import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image } from '@tarojs/components'

import './index.scss'


class Index extends Component {

  config = {
    navigationBarTitleText: '职行力'
  }

  componentWillMount() { }

  componentWillReact() {
  }

  componentDidMount() { }

  componentWillUnmount() { }

  componentDidShow() { }

  componentDidHide() { }

  toUser() {
    Taro.navigateTo({
      url: '/pages/form/form'
    })
  }
  toAbout() {
    Taro.navigateTo({
      url: '/pages/about/about'
    })
  }

  render() {
    return (
      <View className='index'>
        <Image className='airplane'
          src='http://www.qinhanwen.xyz/airplane.png'
        />
        <Image className='pig'
          src='http://www.qinhanwen.xyz/pig.png'
        />
        <Image className='boss'
          src='http://www.qinhanwen.xyz/boss.png'
        />
        <Image className='cloud'
          src='http://www.qinhanwen.xyz/cloud1.png'
        />
        <Image className='cloud1'
          src='http://www.qinhanwen.xyz/cloud2.png'
        />
        <View className='talk'>
          <Image
            src='http://www.qinhanwen.xyz/talk.png'
          />
          <View className='instruction'>
            欢迎加入职行力，点左边的按钮了解我们哟~~
          </View>
        </View>
        <Image className='logo'
          src='http://www.qinhanwen.xyz/logo_navbar@2x.png'
        />

        <View className='button'>
          <View className='about-us' onClick={this.toAbout}>
            <Text>了解我们</Text>
          </View>
          <View className='about-us' onClick={this.toUser}>
            <Text>加入我们</Text>
          </View>
        </View>
      </View>
    )
  }
}

export default Index 
